<!doctype html>
<html lang="en-gb" class="no-js">
<head>
    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'blog/css/homepagestyle.css' %}" />
    <style>
        #columns-container li {
            height: auto;
        }
        #columns-container h1 {
            margin-top: 30px;
            margin-bottom: 30px;
            float: left;
            width:85%;
        }
        #columns-container a li{
            color:black;
            font-size: 35px;
            padding-left:20px;
        }
        #columns-container a li:hover{
            background-color:#a2c9ff;
        }
        #columns-container li p{
            text-align: right;
            font-size: 15px;
        }
    </style>
</head>
<body>
    <div id="header">
        <ul>
          <li style="margin-left:80px"><a href="http://192.168.9.128:8000">首页</a></li>
          <li><a href="#">Python专题</a></li>
          <li><a href="#">网页专题</a></li>
          <li><a href="#">编辑</a></li>
          <li style="float:right;margin-right:50px"><a href="http://192.168.9.128:8000/admin">About Me</a></li>
        </ul>
    </div>
    <div id="columns-container">
        <div>
            <h1>{{ column.column_text }}专题</h1>
            <ul>
            {% for article in article_list %}
            <a href="{% url 'detail' article.id%}">
                <li>
                    <div>
                        {{ article.title }}
                        <p>
                    更新日期：{{article.update_time}} 更新作者：{{article.author}} 阅读：{{article.read_times}}次
                        </p>
                    </div>
                </li>
            </a>
            {% endfor %}
            </ul>
        </div>
        <div id="blog-information">
            <h2>最近更新文章：</h2>
            {% for article in updated_article_list %}
            <h3>
                <a href="{% url 'detail' article.id%}">
                    {{ article.title }}
                </a>
            </h3>
            <p>
                更新日期：{{article.update_time}} 更新作者：{{article.author}} 阅读：{{article.read_times}}次
            </p>
            {% endfor %}
        </div>
    </div>
</body>
</html>